<template>
    <div class="home">
        <p>50组件</p>
        <!-- <input type="text" v-model="username"> -->
        <!-- <input type="text" :value="username" @input="username=(<HTMLInputElement>$event.target).value"> -->
        <!-- <PageDome50 v-model="username"></PageDome50> -->
        <!-- 对于自定义事件，$event就是触发事件时，所传递的数据==>不能.target -->
        <p>父 {{username}}</p>
        <PageDome50 :modelValue="username" @update:modelValue="username=$event"></PageDome50>
        <PageDome50_1 v-model:ming="username" v-model:password="password"></PageDome50_1>

     <!-- 
     $event到底是啥?啥时候能.target
     对于原生事件，$event就是事件对象=====>能.target
     对于自定义事件，$event就是触发事件时，所传递的数据==>不能.target
     -->    
    </div>
</template>


<script setup lang="ts" name = "Page50">
import PageDome50 from './page/PageDome50.vue';
import PageDome50_1 from './page/PageDome50_1.vue';
import { ref} from 'vue';
let password = ref('');
let username= ref('xxx')


</script>

<style lang="scss" scoped>

</style>